<template>
    <div style="height:100%;width:100%;">
        <el-carousel trigger="click" style="height:100%;position:fixed;left:0;top:0;z-index: -1;width: 100%;">
            <el-carousel-item v-for="item in ['./背景图.png','./样例图.png']" :key="item" style="height:100%;width:100%;">
                <img :src="item" alt="" style="height:100%;width:100%;">
            </el-carousel-item>
        </el-carousel>
        <div style="height:300px;width:300px;background-color:skyblue;margin-top:50px;" v-for="(item,index) of [1,2,3,4,5,6,7,8,9]" :key="index">
            <h2>{{ item }}</h2>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {

        }
    }
}
</script>

<style scoped>
::v-deep .el-carousel__container{
    height: 100%;
    width: 100%;
}
</style>